<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/linkage.js"></script>
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="js/jquery.dataTable.min.js"></script>
<script type="text/javascript" src="js/bootstrap/bootstrap.min.js"></script>
<script type="text/javascript" src="js/underscore-min.js"></script>
<script type="text/javascript" src="js/controllers/admManageCtrl.js"></script>
</head>
<div class="lg_list_01"
	style="margin: 10px auto; width: 92%; height: 378px; overflow-y: auto; overflow-x: hidden;">
	<div style="width: 100%; height: 50px;">
		<label style="line-height: 40px; color: #333; font-size: 16px;">所有管理员信息：</label>
		<div style="float: right;">
			<button type="button" class="commonLink"
				style="width: 85px; height: 25px; margin-top: 12px;"
				onclick="openWindow('createAdminModal')">创建管理员</button>
			<button type="button" class="commonLink"
				style="width: 50px; height: 25px; margin-top: 12px;"
				onclick="queryAllAdmins()">刷新</button>
		</div>
	</div>
	<table class="historyTable">
		<thead>
			<tr>
				<td>姓名</td>
				<td>账号</td>
				<td>手机号</td>
			</tr>
		</thead>
		<tbody id="adminList">

		</tbody>
	</table>
	<div id="adminListNoData"></div>
	<div>
		共<span id="adminTotal"></span>页
		<button id="prePageBtn" class="commonLink" type="button"
			onclick="prePage()" style="margin: 0 5px 0 10px; padding: 0 5px;">上一页</button>
		<span>当前页：</span><span id="currentPage"></span>
		<button id="nextPageBtn" class="commonLink" type="button"
			onclick="nextPage()" style="margin: 0 5px 0 5px; padding: 0 5px;">下一页</button>
	</div>
</div>
<!-- 弹窗 -->
<div id="createAdminModal" class="modal">
	<div class="modal-content bor_det_oner" style="width: 400px;">
		<div style="min-height: 280px;">
			<div style="min-height: 65px;">
				<label style="font-size: 16px; width: 115px;">姓名：</label> <input
					type="text" id="admName" oninput="validAdmName(value,'errorAdmName')"></input>
				<p class="tipMsg" id="errorAdmName"></p>
			</div>
			<div style="min-height: 65px;">
				<label style="font-size: 16px; width: 115px;">手机号：</label> <input
					type="text" id="admPhone" onblur="isnotPhone(value,'errorAdmPhone')"></input>
					<p class="tipMsg" id="errorAdmPhone"></p>
			</div>
			<div style="min-height: 65px;">
				<label style="font-size: 16px; width: 115px;">密码：</label> <input
					type="password" id="admPsd" oninput="validAdmPsd(value,'errorAdmPsd')"></input>
					<p class="tipMsg" id="errorAdmPsd"></p>
			</div>
			<div style="min-height: 65px;">
				<label style="font-size: 16px; width: 115px;">确认密码：</label> <input
					type="password" id="admAgainPsd" oninput="againAdmPsd(value,'errorAgainPsd')"></input>
					<p class="tipMsg" id="errorAgainPsd"></p>
			</div>

		</div>
		<div class="modal-footer">
			<div style="width: 100%;">
				<button type="button" class="commonLink"
					style="margin-right: 10px; width: 70px; height: 30px; font-size: 15px"
					onclick="validParam()">确定</button>
				<button type="button" class="commonLink"
					style="margin-right: 10px; width: 70px; height: 30px; font-size: 15px"
					onclick="closeWindow('createAdminModal')">取消</button>
			</div>
		</div>
	</div>
</div>

<script>
	queryAllAdmins();
</script>
<style>
.tipMsg {
	color: #f00;
	margin-left: 132px;
}
</style>
</html>